<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>

<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2">
                <div class="logo">
                    <a href="#">
                        <img src="images/logo.png" alt="" class="hidden-sm hidden-xs">
                        <h1 class="visible-sm visible-xs">阿里百秀</h1>
                    </a>
                </div>
                <ul class="nav">
                    <li><a class="glyphicon glyphicon-camera" href="#">生活馆</a></li>
                    <li><a class="glyphicon glyphicon-picture" href="#">自然汇</a></li>
                    <li><a class="glyphicon glyphicon-phone" href="#">科技馆</a></li>
                    <li><a class="glyphicon glyphicon-th-large" href="#">奇趣事</a></li>
                    <li><a class="glyphicon glyphicon-apple" href="#">美食街</a></li>
                </ul>
            </header>
            <article class="col-md-7">
                <div class="news clearfix">
                    <div class="news_main">
                        <a href="">
                            <img src="images/news1.jpg" alt="">
                            <p>今日热点</p>
                        </a>
                    </div>
                    <ul class="news_list">
                        <li>
                            <a href="">
                                <img src="images/news2.jpg" alt="">
                                <p>再也藏不住了，云南腾冲15万亩油菜花盛开，景色不输婺源，而且完全免费！</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/news3.jpg" alt="">
                                <p>再也藏不住了，云南腾冲15万亩油菜花盛开，景色不输婺源，而且完全免费！</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/news4.jpg" alt="">
                                <p>再也藏不住了，云南腾冲15万亩油菜花盛开，景色不输婺源，而且完全免费！</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/news5.jpg" alt="">
                                <p>再也藏不住了，云南腾冲15万亩油菜花盛开，景色不输婺源，而且完全免费！</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <ul class="news_bd">
                    <li>
                        <a href="#">
                            <h3>郑爽想共同养孩子 张恒拒绝:她状态不稳 曾想自杀</h3>
                            <img src="images/news7.jpg" alt="" class="hidden-sm hidden-xs">
                            <span class="text-muted">2021-03-23 09:36:05　来源: 网易娱乐 </span>
                            <p>
                                网易娱乐3月23日报道
                                北京时间3月22日22点30分，美国当地时间3月22日8点30分，郑爽张恒抚养权案在美国丹佛开庭。此次庭审由网络直播的方式展示，郑爽和张恒本人出席了此次庭审。
                            </p>
                            <span class="text-muted">评论（2000）| 赞（15240）| 转发</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <h3>郑爽想共同养孩子 张恒拒绝:她状态不稳 曾想自杀</h3>
                            <img src="images/news7.jpg" alt="" class="hidden-sm hidden-xs">
                            <span class="text-muted">2021-03-23 09:36:05　来源: 网易娱乐 </span>
                            <p>
                                网易娱乐3月23日报道
                                北京时间3月22日22点30分，美国当地时间3月22日8点30分，郑爽张恒抚养权案在美国丹佛开庭。此次庭审由网络直播的方式展示，郑爽和张恒本人出席了此次庭审。
                            </p>
                            <span class="text-muted">评论（2000）| 赞（15240）| 转发</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <h3>郑爽想共同养孩子 张恒拒绝:她状态不稳 曾想自杀</h3>
                            <img src="images/news7.jpg" alt="" class="hidden-sm hidden-xs">
                            <span class="text-muted">2021-03-23 09:36:05　来源: 网易娱乐 </span>
                            <p>
                                网易娱乐3月23日报道
                                北京时间3月22日22点30分，美国当地时间3月22日8点30分，郑爽张恒抚养权案在美国丹佛开庭。此次庭审由网络直播的方式展示，郑爽和张恒本人出席了此次庭审。
                            </p>
                            <span class="text-muted">评论（2000）| 赞（15240）| 转发</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <h3>郑爽想共同养孩子 张恒拒绝:她状态不稳 曾想自杀</h3>
                            <img src="images/news7.jpg" alt="" class="hidden-sm hidden-xs">
                            <span class="text-muted">2021-03-23 09:36:05　来源: 网易娱乐 </span>
                            <p>
                                网易娱乐3月23日报道
                                北京时间3月22日22点30分，美国当地时间3月22日8点30分，郑爽张恒抚养权案在美国丹佛开庭。此次庭审由网络直播的方式展示，郑爽和张恒本人出席了此次庭审。
                            </p>
                            <span class="text-muted">评论（2000）| 赞（15240）| 转发</span>
                        </a>
                    </li>
                </ul>
            </article>
            <aside class="col-md-3">
                <div class="blog hidden-sm hidden-xs" >
                    <img src="images/blog.jpg" alt="">
                </div>
                <div class="blog_info">
                    <span class="btn btn-primary">热搜</span>
                    <h3 class="text-primary">欢迎加入中国博客联盟</h3>
                    <p class="text-muted">中国博客联盟,收录国内各个领域的优秀博客,是一个全人工编辑的开放式博客联盟交流和展示平台</p>
                </div>
            </aside>
        </div>
    </div>
</body>

</html>